@property --font-size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 18px;
}
@property --font-size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 14px;
}
@property --font-size--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}
@property --size--icon--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--icon--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--icon--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--icon--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--icon--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--red--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEE2E2;
}
@property --color--red--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCA5A5;
}
@property --color--red--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EF4444;
}
@property --color--red--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B91C1C;
}
@property --color--red--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7F1D1D;
}
@property --font-size--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}
@property --color--blue--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DBEAFE;
}
@property --color--blue--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #93C5FD;
}
@property --color--blue--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --color--blue--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D4ED8;
}
@property --color--blue--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E3A8A;
}
@property --color--grey--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5;
}
@property --color--grey--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D4D4D4;
}
@property --color--grey--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --color--grey--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #404040;
}
@property --color--grey--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171717;
}
@property --color--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --size--border--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--border--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--border--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--border--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--border--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--0 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--green--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1FAE5;
}
@property --color--green--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6EE7B7;
}
@property --color--green--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10B981;
}
@property --color--green--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #047857;
}
@property --color--green--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #064E3B;
}
@property --font-family--text {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: system-ui;
}
@property --font-weight--bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --size--spacing--50 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--yellow--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF3C7;
}
@property --color--yellow--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCD34D;
}
@property --color--yellow--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F59E0B;
}
@property --color--yellow--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B45309;
}
@property --color--yellow--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #78350F;
}
@property --font-weight--light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --size--border--full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--100 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--150 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--200 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--300 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--400 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--500 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--600 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--700 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--800 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--surface--dim {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --size--spacing--1000 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--1200 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--1400 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--1600 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--2400 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--spacing--4000 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-family--heading {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --html-block--size--h1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --html-block--size--h2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --html-block--size--h3 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --html-block--size--h4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--accent--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--container--low {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --size--global--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--container--high {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--inverse--accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface--bright {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight--semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --size--max-width--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--max-width--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--inverse--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--inverse--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--primary--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --color--surface--outline {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --size--max-width--medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--max-width--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--max-width--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--accent--on-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--container--lowest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--inverse--tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --size--global--tap-target {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--max-width--xxlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--max-width--xxsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--container--highest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--disabled--disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--inverse--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--tertiary--tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --size--type-size--body--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--body--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--body--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--body--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--body--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--inverse--on-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--primary--on-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface--on-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--container--container {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--secondary--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--accent--0 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--accent--c {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --html-block--size--text-tiny {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--accent--accent-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--disabled--on-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--tertiary--on-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--accent--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--accent--30 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--accent--45 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--accent--80 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--accent--90 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--0 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--c {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --html-block--size--text-large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --html-block--size--text-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--heading--h1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--heading--h2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--heading--h3 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--type-size--heading--h4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-primitives--accent--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--black--1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--20 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--87 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--90 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--92 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--94 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--95 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--96 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--98 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--30 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--45 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--80 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--90 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--white--1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --html-block--size--text-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--primary--primary-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--secondary--on-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface--on-surface-low {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--primary--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--0 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--c {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --html-block--size--text-regular {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--surface--outline-variant {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--30 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--45 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--80 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--90 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--tertiary--tertiary-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--secondary--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface--on-surface-lowest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--secondary--secondary-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral-variant--30 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral-variant--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-primitives--neutral-variant--80 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}

  :host, :root {
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --font-size--xl: 1.5rem;
  --size--icon--lg: 2rem;
  --size--icon--md: 1.5rem;
  --size--icon--sm: 1rem;
  --size--icon--xl: 4rem;
  --size--icon--xs: 0.75rem;
  --color--red--100: #FEE2E2;
  --color--red--300: #FCA5A5;
  --color--red--500: #EF4444;
  --color--red--700: #B91C1C;
  --color--red--900: #7F1D1D;
  --font-size--base: 1rem;
  --color--blue--100: #DBEAFE;
  --color--blue--300: #93C5FD;
  --color--blue--500: #3B82F6;
  --color--blue--700: #1D4ED8;
  --color--blue--900: #1E3A8A;
  --color--grey--100: #F5F5F5;
  --color--grey--300: #D4D4D4;
  --color--grey--500: #737373;
  --color--grey--700: #404040;
  --color--grey--900: #171717;
  --color--secondary: var(--color--grey--500);
  --size--border--lg: 1.5rem;
  --size--border--md: 1rem;
  --size--border--sm: .5rem;
  --size--border--xl: 2rem;
  --size--border--xs: .25rem;
  --size--spacing--0: 0rem;
  --color--green--100: #D1FAE5;
  --color--green--300: #6EE7B7;
  --color--green--500: #10B981;
  --color--green--700: #047857;
  --color--green--900: #064E3B;
  --font-family--text: system-ui;
  --font-weight--bold: 700;
  --size--spacing--50: .12rem;
  --color--yellow--100: #FEF3C7;
  --color--yellow--300: #FCD34D;
  --color--yellow--500: #F59E0B;
  --color--yellow--700: #B45309;
  --color--yellow--900: #78350F;
  --font-weight--light: 300;
  --size--border--full: 64rem;
  --size--spacing--100: .25rem;
  --size--spacing--150: .38rem;
  --size--spacing--200: .5rem;
  --size--spacing--300: .75rem;
  --size--spacing--400: 1rem;
  --size--spacing--500: 1.25rem;
  --size--spacing--600: 1.5rem;
  --size--spacing--700: 1.75rem;
  --size--spacing--800: 2rem;
  --color--surface--dim: var(--color-primitives--neutral--87);
  --size--spacing--1000: 2.5rem;
  --size--spacing--1200: 3rem;
  --size--spacing--1400: 3.5rem;
  --size--spacing--1600: 4rem;
  --size--spacing--2400: 6rem;
  --size--spacing--4000: 10rem;
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --html-block--size--h1: 1.75rem;
  --html-block--size--h2: 1.56rem;
  --html-block--size--h3: 1.375rem;
  --html-block--size--h4: 1.25rem;
  --color--accent--accent: var(--color-primitives--accent--c);
  --color--container--low: var(--color-primitives--neutral--96);
  --size--global--padding: 1rem;
  --color--container--high: var(--color-primitives--neutral--92);
  --color--inverse--accent: var(--color-primitives--accent--c);
  --color--surface--bright: var(--color-primitives--neutral--100);
  --font-weight--semi-bold: 600;
  --size--max-width--large: 48rem;
  --size--max-width--small: 30rem;
  --color--inverse--primary: var(--color-primitives--primary--c);
  --color--inverse--surface: var(--color-primitives--neutral--20);
  --color--primary--primary: var(--color-primitives--primary--c);
  --color--surface--outline: var(--color-primitives--neutral-variant--50);
  --color--surface--surface: var(--color-primitives--neutral--98);
  --size--max-width--medium: 35rem;
  --size--max-width--xlarge: 64rem;
  --size--max-width--xsmall: 25rem;
  --color--accent--on-accent: var(--color-primitives--accent--10);
  --color--container--lowest: var(--color-primitives--neutral--100);
  --color--inverse--tertiary: var(--color-primitives--primary--90);
  --size--global--tap-target: 3rem;
  --size--max-width--xxlarge: 80rem;
  --size--max-width--xxsmall: 20rem;
  --color--container--highest: var(--color-primitives--neutral--90);
  --color--disabled--disabled: var(--color-primitives--neutral--90);
  --color--inverse--secondary: var(--color-primitives--secondary--c);
  --color--tertiary--tertiary: var(--color-primitives--neutral--94);
  --size--type-size--body--lg: 1rem;
  --size--type-size--body--md: .88rem;
  --size--type-size--body--sm: .75rem;
  --size--type-size--body--xl: 1.12rem;
  --size--type-size--body--xs: .69rem;
  --color--inverse--on-surface: var(--color-primitives--neutral--95);
  --color--primary--on-primary: var(--color-primitives--primary--100);
  --color--surface--on-surface: var(--color-primitives--neutral--10);
  --color--container--container: var(--color-primitives--neutral--94);
  --color--secondary--secondary: var(--color-primitives--secondary--c);
  --color-primitives--accent--0: #000000;
  --color-primitives--accent--c: #FFB800;
  --html-block--size--text-tiny: 0.6875rem;
  --color--accent--accent-active: var(--color-primitives--accent--45);
  --color--disabled--on-disabled: var(--color-primitives--neutral-variant--80);
  --color--tertiary--on-tertiary: var(--color-primitives--neutral--10);
  --color-primitives--accent--10: #332900;
  --color-primitives--accent--30: #805B00;
  --color-primitives--accent--45: #E0A200;
  --color-primitives--accent--80: #FAECC8;
  --color-primitives--accent--90: #FAF3E1;
  --color-primitives--black--100: #0c0c0d0d;
  --color-primitives--black--200: #0c0c0d1a;
  --color-primitives--black--300: #0c0c0d33;
  --color-primitives--black--400: #0c0c0d66;
  --color-primitives--black--500: #0c0c0db3;
  --color-primitives--black--600: #0c0c0dcc;
  --color-primitives--black--700: #0c0c0dd9;
  --color-primitives--black--800: #0c0c0de6;
  --color-primitives--black--900: #0c0c0df2;
  --color-primitives--primary--0: #000000;
  --color-primitives--primary--c: #E11E36;
  --color-primitives--white--100: #ffffff0d;
  --color-primitives--white--200: #ffffff1a;
  --color-primitives--white--300: #ffffff33;
  --color-primitives--white--400: #ffffff66;
  --color-primitives--white--500: #ffffffb3;
  --color-primitives--white--600: #ffffffcc;
  --color-primitives--white--700: #ffffffd9;
  --color-primitives--white--800: #ffffffcc;
  --color-primitives--white--900: #fffffff2;
  --html-block--size--text-large: 1.125rem;
  --html-block--size--text-small: 0.75rem;
  --size--type-size--heading--h1: 2.5rem;
  --size--type-size--heading--h2: 2.25rem;
  --size--type-size--heading--h3: 2rem;
  --size--type-size--heading--h4: 1.5rem;
  --color-primitives--accent--100: #FFFFFF;
  --color-primitives--black--1000: #0C0C0D;
  --color-primitives--neutral--10: #1B1919;
  --color-primitives--neutral--20: #353231;
  --color-primitives--neutral--87: #DFDDDD;
  --color-primitives--neutral--90: #E7E5E4;
  --color-primitives--neutral--92: #EBEAEA;
  --color-primitives--neutral--94: #F0EFEF;
  --color-primitives--neutral--95: #F3F2F2;
  --color-primitives--neutral--96: #F5F5F4;
  --color-primitives--neutral--98: #FAFAFA;
  --color-primitives--primary--10: #260C02;
  --color-primitives--primary--30: #660819;
  --color-primitives--primary--45: #A60A25;
  --color-primitives--primary--80: #F0B4BE;
  --color-primitives--primary--90: #FAE6E9;
  --color-primitives--transparent: #00000000;
  --color-primitives--white--1000: #FFFFFF;
  --html-block--size--text-medium: 1rem;
  --color--primary--primary-active: var(--color-primitives--primary--45);
  --color--secondary--on-secondary: var(--color-primitives--secondary--100);
  --color--surface--on-surface-low: var(--color-primitives--neutral-variant--30);
  --color-primitives--neutral--100: #FFFFFF;
  --color-primitives--primary--100: #FFFFFF;
  --color-primitives--secondary--0: #000000;
  --color-primitives--secondary--c: #0D385A;
  --html-block--size--text-regular: 0.875rem;
  --color--surface--outline-variant: var(--color-primitives--neutral-variant--80);
  --color-primitives--secondary--10: #08263D;
  --color-primitives--secondary--30: #0A398F;
  --color-primitives--secondary--45: #0F55D6;
  --color-primitives--secondary--80: #A0BFF8;
  --color-primitives--secondary--90: #CFDFFC;
  --color--tertiary--tertiary-active: var(--color-primitives--neutral--87);
  --color-primitives--secondary--100: #FFFFFF;
  --color--surface--on-surface-lowest: var(--color-primitives--neutral-variant--50);
  --color--secondary--secondary-active: var(--color-primitives--secondary--45);
  --color-primitives--neutral-variant--30: #504B49;
  --color-primitives--neutral-variant--50: #857D7A;
  --color-primitives--neutral-variant--80: #CECBCA;
}
  
  
  
[data-nc-theme~="Default"] {
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --font-size--xl: 1.5rem;
  --size--icon--lg: 2rem;
  --size--icon--md: 1.5rem;
  --size--icon--sm: 1rem;
  --size--icon--xl: 4rem;
  --size--icon--xs: 0.75rem;
  --color--red--100: #FEE2E2;
  --color--red--300: #FCA5A5;
  --color--red--500: #EF4444;
  --color--red--700: #B91C1C;
  --color--red--900: #7F1D1D;
  --font-size--base: 1rem;
  --color--blue--100: #DBEAFE;
  --color--blue--300: #93C5FD;
  --color--blue--500: #3B82F6;
  --color--blue--700: #1D4ED8;
  --color--blue--900: #1E3A8A;
  --color--grey--100: #F5F5F5;
  --color--grey--300: #D4D4D4;
  --color--grey--500: #737373;
  --color--grey--700: #404040;
  --color--grey--900: #171717;
  --color--secondary: var(--color--grey--500);
  --size--border--lg: 1.5rem;
  --size--border--md: 1rem;
  --size--border--sm: .5rem;
  --size--border--xl: 2rem;
  --size--border--xs: .25rem;
  --size--spacing--0: 0rem;
  --color--green--100: #D1FAE5;
  --color--green--300: #6EE7B7;
  --color--green--500: #10B981;
  --color--green--700: #047857;
  --color--green--900: #064E3B;
  --font-family--text: system-ui;
  --font-weight--bold: 700;
  --size--spacing--50: .12rem;
  --color--yellow--100: #FEF3C7;
  --color--yellow--300: #FCD34D;
  --color--yellow--500: #F59E0B;
  --color--yellow--700: #B45309;
  --color--yellow--900: #78350F;
  --font-weight--light: 300;
  --size--border--full: 64rem;
  --size--spacing--100: .25rem;
  --size--spacing--150: .38rem;
  --size--spacing--200: .5rem;
  --size--spacing--300: .75rem;
  --size--spacing--400: 1rem;
  --size--spacing--500: 1.25rem;
  --size--spacing--600: 1.5rem;
  --size--spacing--700: 1.75rem;
  --size--spacing--800: 2rem;
  --color--surface--dim: var(--color-primitives--neutral--87);
  --size--spacing--1000: 2.5rem;
  --size--spacing--1200: 3rem;
  --size--spacing--1400: 3.5rem;
  --size--spacing--1600: 4rem;
  --size--spacing--2400: 6rem;
  --size--spacing--4000: 10rem;
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --html-block--size--h1: 1.75rem;
  --html-block--size--h2: 1.56rem;
  --html-block--size--h3: 1.375rem;
  --html-block--size--h4: 1.25rem;
  --color--accent--accent: var(--color-primitives--accent--c);
  --color--container--low: var(--color-primitives--neutral--96);
  --size--global--padding: 1rem;
  --color--container--high: var(--color-primitives--neutral--92);
  --color--inverse--accent: var(--color-primitives--accent--c);
  --color--surface--bright: var(--color-primitives--neutral--100);
  --font-weight--semi-bold: 600;
  --size--max-width--large: 48rem;
  --size--max-width--small: 30rem;
  --color--inverse--primary: var(--color-primitives--primary--c);
  --color--inverse--surface: var(--color-primitives--neutral--20);
  --color--primary--primary: var(--color-primitives--primary--c);
  --color--surface--outline: var(--color-primitives--neutral-variant--50);
  --color--surface--surface: var(--color-primitives--neutral--98);
  --size--max-width--medium: 35rem;
  --size--max-width--xlarge: 64rem;
  --size--max-width--xsmall: 25rem;
  --color--accent--on-accent: var(--color-primitives--accent--10);
  --color--container--lowest: var(--color-primitives--neutral--100);
  --color--inverse--tertiary: var(--color-primitives--primary--90);
  --size--global--tap-target: 3rem;
  --size--max-width--xxlarge: 80rem;
  --size--max-width--xxsmall: 20rem;
  --color--container--highest: var(--color-primitives--neutral--90);
  --color--disabled--disabled: var(--color-primitives--neutral--90);
  --color--inverse--secondary: var(--color-primitives--secondary--c);
  --color--tertiary--tertiary: var(--color-primitives--neutral--94);
  --size--type-size--body--lg: 1rem;
  --size--type-size--body--md: .88rem;
  --size--type-size--body--sm: .75rem;
  --size--type-size--body--xl: 1.12rem;
  --size--type-size--body--xs: .69rem;
  --color--inverse--on-surface: var(--color-primitives--neutral--95);
  --color--primary--on-primary: var(--color-primitives--primary--100);
  --color--surface--on-surface: var(--color-primitives--neutral--10);
  --color--container--container: var(--color-primitives--neutral--94);
  --color--secondary--secondary: var(--color-primitives--secondary--c);
  --color-primitives--accent--0: #000000;
  --color-primitives--accent--c: #FFB800;
  --html-block--size--text-tiny: 0.6875rem;
  --color--accent--accent-active: var(--color-primitives--accent--45);
  --color--disabled--on-disabled: var(--color-primitives--neutral-variant--80);
  --color--tertiary--on-tertiary: var(--color-primitives--neutral--10);
  --color-primitives--accent--10: #332900;
  --color-primitives--accent--30: #805B00;
  --color-primitives--accent--45: #E0A200;
  --color-primitives--accent--80: #FAECC8;
  --color-primitives--accent--90: #FAF3E1;
  --color-primitives--black--100: #0c0c0d0d;
  --color-primitives--black--200: #0c0c0d1a;
  --color-primitives--black--300: #0c0c0d33;
  --color-primitives--black--400: #0c0c0d66;
  --color-primitives--black--500: #0c0c0db3;
  --color-primitives--black--600: #0c0c0dcc;
  --color-primitives--black--700: #0c0c0dd9;
  --color-primitives--black--800: #0c0c0de6;
  --color-primitives--black--900: #0c0c0df2;
  --color-primitives--primary--0: #000000;
  --color-primitives--primary--c: #E11E36;
  --color-primitives--white--100: #ffffff0d;
  --color-primitives--white--200: #ffffff1a;
  --color-primitives--white--300: #ffffff33;
  --color-primitives--white--400: #ffffff66;
  --color-primitives--white--500: #ffffffb3;
  --color-primitives--white--600: #ffffffcc;
  --color-primitives--white--700: #ffffffd9;
  --color-primitives--white--800: #ffffffcc;
  --color-primitives--white--900: #fffffff2;
  --html-block--size--text-large: 1.125rem;
  --html-block--size--text-small: 0.75rem;
  --size--type-size--heading--h1: 2.5rem;
  --size--type-size--heading--h2: 2.25rem;
  --size--type-size--heading--h3: 2rem;
  --size--type-size--heading--h4: 1.5rem;
  --color-primitives--accent--100: #FFFFFF;
  --color-primitives--black--1000: #0C0C0D;
  --color-primitives--neutral--10: #1B1919;
  --color-primitives--neutral--20: #353231;
  --color-primitives--neutral--87: #DFDDDD;
  --color-primitives--neutral--90: #E7E5E4;
  --color-primitives--neutral--92: #EBEAEA;
  --color-primitives--neutral--94: #F0EFEF;
  --color-primitives--neutral--95: #F3F2F2;
  --color-primitives--neutral--96: #F5F5F4;
  --color-primitives--neutral--98: #FAFAFA;
  --color-primitives--primary--10: #260C02;
  --color-primitives--primary--30: #660819;
  --color-primitives--primary--45: #A60A25;
  --color-primitives--primary--80: #F0B4BE;
  --color-primitives--primary--90: #FAE6E9;
  --color-primitives--transparent: #00000000;
  --color-primitives--white--1000: #FFFFFF;
  --html-block--size--text-medium: 1rem;
  --color--primary--primary-active: var(--color-primitives--primary--45);
  --color--secondary--on-secondary: var(--color-primitives--secondary--100);
  --color--surface--on-surface-low: var(--color-primitives--neutral-variant--30);
  --color-primitives--neutral--100: #FFFFFF;
  --color-primitives--primary--100: #FFFFFF;
  --color-primitives--secondary--0: #000000;
  --color-primitives--secondary--c: #0D385A;
  --html-block--size--text-regular: 0.875rem;
  --color--surface--outline-variant: var(--color-primitives--neutral-variant--80);
  --color-primitives--secondary--10: #08263D;
  --color-primitives--secondary--30: #0A398F;
  --color-primitives--secondary--45: #0F55D6;
  --color-primitives--secondary--80: #A0BFF8;
  --color-primitives--secondary--90: #CFDFFC;
  --color--tertiary--tertiary-active: var(--color-primitives--neutral--87);
  --color-primitives--secondary--100: #FFFFFF;
  --color--surface--on-surface-lowest: var(--color-primitives--neutral-variant--50);
  --color--secondary--secondary-active: var(--color-primitives--secondary--45);
  --color-primitives--neutral-variant--30: #504B49;
  --color-primitives--neutral-variant--50: #857D7A;
  --color-primitives--neutral-variant--80: #CECBCA;
}
[data-nc-theme~="desktop"] {
  --html-block--size--h1: 3.5rem;
  --html-block--size--h2: 3rem;
  --html-block--size--h3: 2.5rem;
  --html-block--size--h4: 2rem;
  --html-block--size--text-tiny: 0.75rem;
  --html-block--size--text-large: 1.25rem;
  --html-block--size--text-small: 0.875rem;
  --html-block--size--text-medium: 1.125rem;
  --html-block--size--text-regular: 1rem;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .pbZOi {
      display:flex;
      row-gap:var(--size--spacing--400);
      flex-wrap:wrap;
      font-size:var(--size--type-size--body--md);
      background:var(--color--surface--dim);
      column-gap:var(--size--spacing--400);
      padding-top:var(--size--spacing--800);
      padding-left:var(--size--global--padding);
      padding-right:var(--size--global--padding);
      flex-direction:row;
      padding-bottom:var(--size--spacing--800);
    }

    .eoIefc {
      display:flex;
      row-gap:var(--size--spacing--150);
      column-gap:var(--size--spacing--150);
      flex-direction:row;
    }

    .eAUTCo {
      width:100%;
      display:flex;
      row-gap:var(--size--spacing--150);
      flex-wrap:wrap;
      column-gap:var(--size--spacing--150);
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 1024px) {

    .eAUTCo {
      align-items:center;
      justify-content:center;
    }
    }

    .cYPGPp {
      color:var(--color--surface--on-surface-low);
      width:100%;
      flex-wrap:wrap;
      column-gap:var(--size--spacing--150);
      flex-direction:row;
    }

    .chSlsU {
      width:max-content;
      height:var(--size--global--tap-target);
      display:inline-flex;
      font-size:var(--text-size);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-left:var(--size--spacing--200);
      padding-right:var(--size--spacing--200);
      justify-content:center;
    }

    .eDXuyw {
      flex:1 1 0%;
      row-gap:var(--size--spacing--100);
      min-width:100%;
      column-gap:var(--size--spacing--100);
      flex-direction:column;
    }

    .eELTZs {
      row-gap:var(--size--spacing--0);
      column-gap:var(--size--spacing--0);
    }

    .bWpTnd {
      width:fit-content;
      height:auto;
    }

    .element_accordion-button\:root {
      width:100%;
      height:var(--size--global--tap-target);
      font-size:var(--size--type-size--body--md);
      background:var(--color--surface--dim);
      transition:background 300ms ease;
      align-items:center;
      font-weight:var(--font-weight--bold);
      padding-left:var(--size--spacing--150);
      padding-right:var(--size--spacing--150);
      flex-direction:row;
      justify-content:space-between;
      border-top-left-radius:var(--size--border--xs);
      border-top-right-radius:var(--size--border--xs);
      border-bottom-left-radius:var(--size--border--xs);
      border-bottom-right-radius:var(--size--border--xs);
    }

    .element_accordion-button\:root.trigger-open {
      background:var(--color--container--highest);
      padding-left:var(--size--spacing--150);
      padding-right:var(--size--spacing--150);
      border-top-left-radius:var(--size--border--xs);
      border-top-right-radius:var(--size--border--xs);
      border-bottom-left-radius:var(--size--border--xs);
      border-bottom-right-radius:var(--size--border--xs);
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .BEodR {
      width:fit-content;
      height:fit-content;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .element_accordion-button\:gjY6O5CldVhJD5d3DAQKW {
      animation:2s ease 0ms 1 normal none running animation-empty;
      translate:0% 0% 0;
      transition:translate 300ms ease;
    }

    .element_accordion-button\:gjY6O5CldVhJD5d3DAQKW.open {
      translate:0 -50% 0;
    }

    @keyframes animation-empty {
    }

    .dFMPZo {
      width:var(--size--icon--md);
      height:var(--size--icon--md);
      overflow-x:clip;
      overflow-y:clip;
    }

    .element_accordion-button\:xRQmcuz7BxawO_Vzc0-Bo {
      rotate:0 0 1 180deg;
    }

    .eOPotb {
      color:var(--color--surface--on-surface);
      display:flex;
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
      align-items:center;
      padding-top:var(--size--spacing--150);
      flex-direction:row;
      padding-bottom:var(--size--spacing--150);
      justify-content:flex-start;
    }

    .bJoCor.orientation-horizontal {
      flex-direction:row;
    }

    .footer\:EoNROUjWKCztRWSbIfJec {
      width:var(--size--icon--md);
    }

    .cCYXsI {
      width:100%;
    }

    .dYnwDl {
      width:var(--size--global--tap-target);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:1/1;
      justify-content:center;
    }

    .footer\:Rd3CsWTTDJLDC5nQu0zue {
      width:var(--size--icon--md);
    }

    .fuaLZq {
      width:100%;
      height:auto;
    }

    .footer\:W_LL9i2_fDxm4fHPgFp9w {
      width:var(--size--icon--md);
    }

    .eljsgd {
      color:var(--color--surface--on-surface);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .footer\:ZKYExFgpXN7pA0DmcfSUD {
      width:var(--size--icon--md);
    }

    .edAQxD {
      height:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      will-change:height;
    }

    .edAQxD.open {
      height:var(--height);
    }

    .element_accordion-item\:Zm5hyB6OaRapURi8UjqZq {
      transition:height 300ms ease;
    }

    .footer\:dCGfN7D18r1qYAhzc74BG {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .ejvaJw {
      height:var(--size--global--tap-target);
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-left:var(--size--spacing--300);
      padding-right:var(--size--spacing--300);
      justify-content:center;
    }

    .cXpMiP {
      flex:1;
      min-width:max-content;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .footer\:t1uv9vMM8KCXyY_U6Ecim {
      width:var(--size--icon--md);
    }

    .dRyqQL {
      height:var(--size--global--tap-target);
      display:inline-flex;
      font-size:inherit;
      background:var(--color--surface--dim);
      transition:background 300ms ease;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      padding-left:var(--size--spacing--150);
      padding-right:var(--size--spacing--150);
      justify-content:center;
      border-top-left-radius:var(--size--border--xs);
      border-top-right-radius:var(--size--border--xs);
      border-bottom-left-radius:var(--size--border--xs);
      border-bottom-right-radius:var(--size--border--xs);
    }

    .dRyqQL:hover {
      background:var(--color--container--high);
    }

    .bQAyRa.content-grid {
      display:grid;
      grid-template-columns:[full-width-start] minmax(var(--padding-inline), 1fr)    [breakout-start] minmax(0, var(--breakout-size))    [content-start] min(         100% - (var(--padding-inline) * 2),   var(--content-max-width))[content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
    }

    .navigation\:root {
      top:0px;
      z-index:1000;
      position:sticky;
    }

    .byqZyz {
      flex:1;
      display:none;
      align-items:center;
      justify-content:center;
    }

    @media (min-width: 1024px) {

    .byqZyz {
      display:flex;
    }
    }

    .cvivMB {
      height:var(--size--global--tap-target);
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:1/1;
      justify-content:center;
    }

    .cvivMB.hidden {
      display:none;
    }

    .navigation\:4ldMxNKVfsXlMwQUpeV9t {
      width:var(--size--icon--md);
    }

    .cPeePh {
      position:relative;
    }

    .search-bar\:EuTkO99CToCPWTpJklWJl {
      top:0px;
      left:var(--size--spacing--200);
      color:var(--color--tertiary--on-tertiary);
      width:var(--size--icon--md);
      bottom:0px;
      position:absolute;
      pointer-events:none;
    }

    .dpXMAV {
      color:var(--color--tertiary--on-tertiary);
      height:var(--size--global--tap-target);
      background:var(--color--tertiary--tertiary);
      transition:background 300ms ease;
      align-items:flex-start;
      border-color:var(--color-primitives--transparent);
      border-style:solid;
      border-width:1px;
      padding-left:var(--size--spacing--1000);
      justify-content:center;
      border-top-left-radius:var(--size--border--full);
      border-top-right-radius:var(--size--border--full);
      border-bottom-left-radius:var(--size--border--full);
      border-bottom-right-radius:var(--size--border--full);
    }

    .dpXMAV:hover {
      background:var(--color--tertiary--tertiary-active);
    }

    .dpXMAV:focus {
      background:var(--color--tertiary--tertiary-active);
      border-color:var(--color--surface--outline);
      border-style:solid;
      border-width:1px;
    }

    .navigation\:7rrvCksWlnmP93xP8ekRv {
      width:100%;
    }

    .element_mobile-menu\:root {
      align-items:flex-end;
      justify-content:center;
    }

    .component_menubar-mobile\:root {
      align-items:flex-end;
      justify-content:center;
    }

    .dACNHx {
      width:100%;
      background:var(--color--container--container);
      overflow-x:clip;
      overflow-y:clip;
      transition:background 300ms ease;
      aspect-ratio:16/9;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .dACNHx:hover {
      background:var(--color--container--high);
    }

    .ctkWll {
      row-gap:50%;
      transform:translateX(-150%);
      column-gap:50%;
      transition:transform 300ms ease;
      flex-direction:row;
    }

    .ctkWll.hover {
      transform:translateX(0%);
    }

    .eouEWC.play {
      animation:500ms ease 0ms 1 normal none running animation-bKKrXZ;
    }

    @keyframes animation-bKKrXZ {
        0% {
          scale: 1 1;
        }

        50% {
          scale: 1.1 1.1;
        }

        100% {
          scale: 1 1;
        }
    }

    .Ezopi {
      width:100%;
      height:100%;
      opacity:0;
      z-index:1;
      position:absolute;
      background:#c7c7c7;
      border-top-left-radius:var(--size--border--full);
      border-top-right-radius:var(--size--border--full);
      border-bottom-left-radius:var(--size--border--full);
      border-bottom-right-radius:var(--size--border--full);
    }

    .Ezopi.play {
      animation:500ms ease 0ms 1 normal forwards running animation-dCEpGf;
    }

    @keyframes animation-dCEpGf {
        0% {
          scale: 0 0 1;
        }

        0% {
          opacity: 0;
        }

        80% {
          opacity: 1;
        }

        100% {
          scale: 2 2 1;
        }

        100% {
          opacity: 0;
        }
    }

    .icon-animated\:J4FTLwQO8NuOv_grpY_YN {
      width:var(--size);
      rotate:0 0 1 -45deg;
    }

    .OYkmZ {
      width:100%;
      height:100%;
      z-index:2;
      position:relative;
      align-items:center;
      justify-content:center;
    }

    .icon-animated\:OyYXdkdesCj4lIPv5tjhz {
      width:var(--size--icon--md);
    }

    .icon-animated\:SwRuZu1aQxi_zGyL51S9y {
      width:var(--size--icon--md);
    }

    .icon-animated\:SwRuZu1aQxi_zGyL51S9y.play {
      animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
    }

    .dUPwzo {
      transform:translateX(-100%);
    }

    .ehLrHO {
      width:var(--size--global--tap-target);
      cursor:pointer;
      height:var(--size--global--tap-target);
      align-items:center;
      justify-content:center;
    }

    .dfKcJk {
      width:var(--size);
      height:var(--size);
      overflow-x:clip;
      overflow-y:clip;
    }

    .icon-animated\:q3lJ7cVHp0ErJAtZZci2O {
      width:var(--size--icon--md);
    }

    .icon-animated\:qYKtuGoQu5NC1MN-sxMx0 {
      width:var(--size);
      rotate:0 0 1 -45deg;
    }

    .cyAxaM {
      display:flex;
      transition:translate 300ms ease;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cyAxaM.hover {
      translate:100% -50% 0;
    }

    .image-card\:8_4EWIzcN7wgT2s4-43iM {
      width:var(--size--icon--lg);
    }

    .fgUyma {
      color:var(--text-color);
      width:max-content;
      font-size:var(--size--type-size--body--sm);
      background:var(--bg-color);
      font-weight:var(--font-weight--semi-bold);
      padding-top:var(--size--spacing--200);
      padding-left:var(--size--spacing--300);
      padding-right:var(--size--spacing--300);
      padding-bottom:var(--size--spacing--200);
      border-top-left-radius:var(--size--border--xs);
      border-top-right-radius:var(--size--border--xs);
      border-bottom-left-radius:var(--size--border--xs);
      border-bottom-right-radius:var(--size--border--xs);
    }

    .image-card\:JBiczBOD9AJjCh6__wlQz {
      background:var(--bg-color);
    }

    .eWjjKT {
      color:var(--color--inverse--on-surface);
      width:100%;
      height:100%;
      row-gap:var(--size--spacing--200);
      z-index:3;
      position:absolute;
      background:linear-gradient(to top, #000000a6 0%, transparent 100%) scroll border-box padding-box no-repeat no-repeat center bottom / auto;
      column-gap:var(--size--spacing--200);
      align-items:flex-end;
      padding-top:var(--size--spacing--400);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--400);
      justify-content:flex-start;
    }

    .rltzo {
      flex:1;
    }

    .egXlMw {
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
    }

    .dcuRLy {
      color:var(--color--surface--on-surface);
      font-size:var(--font-size);
      max-width:70ch;
      line-height:150%;
    }

    .eDSLLo {
      color:var(--color--surface--on-surface);
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
      align-items:flex-start;
      font-weight:var(--font-weight--bold);
      padding-top:var(--size--spacing--400);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--400);
      justify-content:space-between;
    }

    .dgQCxK {
      display:inline;
      font-size:var(--size--type-size--body--lg);
      font-family:inherit;
      font-weight:var(--font-weight--bold);
    }

    .efWfxn {
      color:var(--color--surface--on-surface);
      height:var(--size--global--tap-target);
      display:inline-flex;
      font-size:var(--size--type-size--body--md);
      background:var(--color--surface--surface);
      transition:background 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight--bold);
      padding-left:var(--size--spacing--200);
      padding-right:var(--size--spacing--200);
      flex-direction:row;
      justify-content:space-between;
    }

    .efWfxn:hover {
      background:var(--color--surface--dim);
    }

    .component_menubar-mobile\:3Bdb2azXOUaDma_9KbiRE {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:3Bdb2azXOUaDma_9KbiRE:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .element_mobile-menu-trigger\:2GKFF5UqCYak45CE0g4Le {
      height:var(--size--global--tap-target);
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
    }

    .element_mobile-menu-trigger\:YOq1TVr8UH1W0pXxm-d63 {
      width:var(--size--icon--md);
    }

    .element_mobile-menu-trigger\:coZEGGdICQpd1ulslhpef {
      width:var(--size--icon--md);
    }

    .component_menubar-mobile\:89i4C3PT7uYvxF6-CiB86 {
      max-width:100dvw;
    }

    .component_menubar-mobile\:97-obPZBWqOUJlK9nsdCv {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:97-obPZBWqOUJlK9nsdCv:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .KsFov {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .KsFov.modal {
      touch-action:none;
      pointer-events:all;
    }

    .sparkcore\/sc-bottom-sheet-portal\:root {
      align-items:center;
      justify-content:end;
    }

    .element_mobile-menu-content\:root {
      align-items:flex-end;
      justify-content:center;
    }

    .bCrsFu {
      overflow-y:auto;
      touch-action:auto;
    }

    .SWxlP {
      position:relative;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
    }

    .SWxlP:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .element_mobile-menu-content\:uHbb_LbwA9GJ6Uvwqcr8q {
      transform:translateX(100%);
      transition:transform 300ms ease;
    }

    .element_mobile-menu-content\:uHbb_LbwA9GJ6Uvwqcr8q.open {
      transform:translateX(0%);
    }

    .component_menubar-mobile\:AoDAHs87nVbshXIwoJYF1 {
      height:calc(100dvh - 4rem);
      max-width:100dvw;
      background:var(--color--surface--surface);
      margin-top:4rem;
    }

    .component_menubar-mobile\:BVmxoyZzU38wN95B-UU6x {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:BVmxoyZzU38wN95B-UU6x:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:DJ1eFIhueJMoRDC93Pm18 {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:DJ1eFIhueJMoRDC93Pm18:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .fpXRaO {
      width:100dvw;
      height:var(--element-height);
      display:flex;
      row-gap:var(--size--spacing--200);
      background:var(--color--surface--surface);
      column-gap:var(--size--spacing--200);
      padding-top:var(--size--spacing--400);
      padding-left:var(--size--global--padding);
      padding-right:var(--size--global--padding);
      padding-bottom:var(--size--spacing--400);
      scrollbar-width:thin;
    }

    .fpXRaO::-webkit-scrollbar {
    width: 4px;
    }

    .component_menubar-mobile\:QCl0uVSx-45_d_M65BZwW {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:QCl0uVSx-45_d_M65BZwW:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:UKguLQoY1c4_bwOUnACUL {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:UKguLQoY1c4_bwOUnACUL:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .ucbhE {
      color:var(--color--primary--primary);
      display:flex;
      margin-right:calc(var(--size--spacing--100) * -1);
      flex-direction:row;
    }

    .bWQSBl {
      width:100%;
      cursor:pointer;
      background:var(--color--primary--primary);
      overflow-x:clip;
      overflow-y:clip;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .bWQSBl:hover {
      background:var(--color--primary--primary-active);
    }

    .cPfuNt {
      display:inline;
      font-size:var(--size--type-size--heading--h4);
      font-family:inherit;
      font-weight:var(--font-weight--bold);
    }

    .dgnbMk {
      flex:1;
      row-gap:var(--size--spacing--400);
      column-gap:var(--size--spacing--400);
    }

    .twxPy {
      width:100%;
      height:auto;
      object-fit:cover;
      transition:scale 300ms ease;
      aspect-ratio:16/9;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .twxPy:hover {
      scale:1.1 1.1 1;
    }

    .gFQgp {
      color:var(--color--primary--on-primary);
      width:100%;
      height:100%;
      padding-top:var(--size--spacing--400);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--600);
    }

    .eqGrzV {
      width:fit-content;
      display:inline-flex;
      row-gap:var(--size--spacing--100);
      font-size:var(--size--type-size--body--md);
      column-gap:var(--size--spacing--100);
      transition:background 300ms ease  , color 300ms ease;
      font-family:inherit;
      font-weight:var(--font-weight--bold);
      padding-top:var(--size--spacing--200);
      border-color:var(--color--surface--outline-variant);
      border-style:solid;
      border-width:1px;
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--200);
      border-top-left-radius:var(--size--border--full);
      border-top-right-radius:var(--size--border--full);
      border-bottom-left-radius:var(--size--border--full);
      border-bottom-right-radius:var(--size--border--full);
    }

    .eqGrzV:hover {
      color:var(--color--primary--primary);
      background:var(--color--primary--on-primary);
    }

    .component_menubar-mobile\:iUkox1R-nuo9jBbHZ-BW4 {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:iUkox1R-nuo9jBbHZ-BW4:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:kVfMax_YqJuktAmYU9OKD {
      border-bottom-color:var(--color--surface--outline-variant);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .component_menubar-mobile\:kVfMax_YqJuktAmYU9OKD:last-child {
      border-bottom-color:var(--color-primitives--transparent);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cONnll {
      row-gap:var(--size--spacing--150);
      column-gap:var(--size--spacing--150);
      overflow-y:auto;
      scrollbar-width:thin;
    }

    .cONnll::-webkit-scrollbar {
    width: 4px;
    }

    .component_menubar-mobile\:xVx0fwrTwF-9AiYjCdKkt {
      width:12px;
      height:12px;
      translate:calc(var(--size--spacing--100) * -1) calc(var(--size--spacing--150) * -1) 0;
    }

    .navigation\:LxQGCyXxR-c3AFGaqoAUq {
      width:var(--size--icon--md);
    }

    .fcQnLb {
      flex:2;
      display:flex;
      row-gap:var(--size--spacing--150);
      column-gap:var(--size--spacing--150);
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    @media (min-width: 1024px) {

    .fcQnLb {
      display:none;
    }
    }

    .cfqKRN {
      flex-direction:row;
    }

    .component_menubar-desktop\:root {
      row-gap:var(--size--spacing--100);
      column-gap:var(--size--spacing--100);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .ekDahV {
      display:inline;
      font-size:var(--size--type-size--heading--h4);
      font-family:inherit;
      font-weight:inherit;
    }

    .eGxjWE {
      flex:1;
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
    }

    .JgQcF {
      width:100%;
      height:auto;
      background:#bfbfbf;
      aspect-ratio:4/5;
    }

    .dfDqVR {
      cursor:default;
    }

    .element_menubar-link-item\:root {
      cursor:pointer;
    }

    .element_menubar-trigger-button\:root {
      color:var(--color--surface--on-surface);
      width:fit-content;
      height:var(--size--global--tap-target);
      row-gap:var(--size--spacing--200);
      font-size:var(--size--type-size--body--md);
      background:var(--color--surface--surface);
      column-gap:var(--size--spacing--200);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background 200ms ease;
      align-items:center;
      font-weight:var(--font-weight--bold);
      line-height:100%;
      user-select:none;
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .element_menubar-trigger-button\:root:hover {
      background:var(--color--container--highest);
    }

    .element_menubar-trigger-button\:root:active {
      background:var(--color--container--highest);
    }

    .element_menubar-trigger-button\:root.trigger-open {
      background:var(--color--container--highest);
    }

    .element_menubar-trigger-button\:root.disabled {
      color:var(--color--surface--on-surface-lowest);
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .element_menubar-content\:root {
      width:100dvw;
      opacity:0;
    }

    .element_menubar-content\:root.open {
      opacity:1;
      box-shadow:0px 2px 4px 0px #00000020;
    }

    .element_menubar-content\:root.open-transition {
      transition:opacity 200ms ease;
    }

    .bzqDyV {
      background:var(--color--surface--surface);
    }

    .dBEDan {
      color:var(--color--surface--on-surface);
      padding-bottom:var(--margin-bottom);
    }

    .cHoTgq {
      font-size:var(--size--type-size--heading--h2);
      font-weight:var(--font-weight--bold);
      line-height:inherit;
    }

    .lgTkQ {
      font-size:2.5rem;
      font-weight:bold;
      line-height:inherit;
    }

    .cLIelw {
      font-size:var(--size--type-size--heading--h4);
      font-weight:var(--font-weight--bold);
      line-height:inherit;
    }

    .dYGpUp {
      font-size:var(--size--type-size--heading--h3);
      font-weight:var(--font-weight--bold);
      line-height:inherit;
    }

    .eLPrpL {
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
      flex-direction:row;
    }

    .jUuNG {
      display:grid;
      row-gap:var(--size--spacing--400);
      background:var(--color--surface--surface);
      column-gap:var(--size--spacing--400);
      min-height:50dvh;
      padding-top:var(--size--spacing--400);
      padding-left:var(--size--global--padding);
      padding-right:var(--size--global--padding);
      padding-bottom:var(--size--spacing--400);
      grid-template-rows:minmax(0%, max-content) 1fr;
      grid-template-columns:3fr 1fr;
    }

    .IXEvH {
      grid-column-start:span 1;
    }

    .fGGIAt {
      color:var(--color--surface--on-surface);
      display:inline;
      font-size:var(--size--type-size--heading--h4);
      font-family:inherit;
      font-weight:inherit;
    }

    .dbmoSz {
      align-items:center;
      grid-row-end:span 2;
      grid-row-start:1;
      justify-content:flex-start;
      grid-column-start:2;
    }

    .cKjZBE {
      grid-column:span 1;
    }

    .element_menubar-service\:wGTBRwHF02VlK6E9_koUT {
      rotate:0 0 1 180deg;
    }

    .fmFzz {
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
      flex-direction:column;
    }

    .element_menubar-sub-content\:root {
      display:flex;
      opacity:0;
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      padding-bottom:var(--size--spacing--400);
    }

    .element_menubar-sub-content\:root.open {
      opacity:1;
    }

    .element_menubar-sub-content\:root.open-transition {
      transition:opacity 300ms ease;
    }

    .element_menubar-sub-content\:root.right {
      top:8rem;
      width:33rem;
      opacity:1;
      position:relative;
    }

    .element_menubar-sub-content\:root.right-in {
      opacity:0;
    }

    .element_menubar-sub-content\:root.right-out {
      opacity:0;
    }

    .element_moebel-menu\:-lckmW20d4uN5Kerm5iPV {
      display:grid;
      row-gap:var(--size--spacing--400);
      column-gap:var(--size--spacing--400);
      overflow-y:auto;
      grid-template-columns:repeat(4, 1fr);
    }

    .element_moebel-menu\:0828LXXJtUdVMLLk-Qfjr {
      width:11rem;
      row-gap:var(--size--spacing--150);
      background:var(--color--container--container);
      column-gap:var(--size--spacing--150);
      transition:background 300ms ease;
      padding-top:var(--size--spacing--200);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--200);
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .element_moebel-menu\:0828LXXJtUdVMLLk-Qfjr:hover {
      background:var(--color--surface--dim);
    }

    .element_moebel-menu\:50Uq9z2MerU3zqyuxgj8U {
      width:min(20%, 33dvw);
    }

    .element_moebel-menu\:EfcA8JvqipHkZf_BEfjV3 {
      width:11rem;
      row-gap:var(--size--spacing--150);
      background:var(--color--container--container);
      column-gap:var(--size--spacing--150);
      transition:background 300ms ease;
      padding-top:var(--size--spacing--200);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--200);
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .element_moebel-menu\:FfUjaxKxYn_H8CcPf8IZR {
      width:var(--size--icon--sm);
    }

    .element_moebel-menu\:LNxahlgEUDPZX0FVUg6FQ {
      width:var(--size--icon--sm);
    }

    .bpxae {
      font-size:var(--size--type-size--body--sm);
    }

    .element_moebel-menu\:fN40gY1YGe_kPmZs502XC {
      width:11rem;
      row-gap:var(--size--spacing--150);
      background:var(--color--container--container);
      column-gap:var(--size--spacing--150);
      transition:background 300ms ease;
      padding-top:var(--size--spacing--200);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--200);
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .element_moebel-menu\:fkr1YRURHqjZ3HOHMd8no {
      width:11rem;
      row-gap:var(--size--spacing--150);
      background:var(--color--container--container);
      column-gap:var(--size--spacing--150);
      transition:background 300ms ease;
      padding-top:var(--size--spacing--200);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      padding-bottom:var(--size--spacing--200);
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .element_moebel-menu\:gC48_YRCovuGbmPjEuKGV {
      row-gap:var(--size--spacing--150);
      background:var(--color--surface--surface);
      column-gap:var(--size--spacing--150);
      transition:background 300ms ease;
    }

    .element_moebel-menu\:kWu5n7HHrbuUk5-S8z6bt {
      width:var(--size--icon--sm);
    }

    .element_moebel-menu\:uP_5JvdzRc5U0U2_cIORl {
      width:var(--size--icon--sm);
    }

    .element_moebel-menu\:xXSXDnXPAbognQbRmtwH2 {
      width:100%;
      aspect-ratio:1/1;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .element_menubar-moebel\:Hh90UDDTQF6swfThm133C {
      rotate:0 0 1 180deg;
    }

    .element_menubar-neu\:02dRQUhVdgs6-pprpMCSG {
      width:12px;
      height:12px;
      translate:calc(var(--size--spacing--100) * -1) calc(var(--size--spacing--150) * -1) 0;
    }

    .element_menubar-neu\:gkDbmeHrtg05gm1ENmh_t {
      color:var(--color--surface--on-surface);
      width:fit-content;
      height:var(--size--global--tap-target);
      row-gap:var(--size--spacing--200);
      font-size:var(--size--type-size--body--md);
      background:var(--color--surface--surface);
      column-gap:var(--size--spacing--200);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background 200ms ease;
      align-items:center;
      font-weight:var(--font-weight--bold);
      line-height:100%;
      user-select:none;
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .element_menubar-aktuelles\:PNTn_4_FSqjUvuNQY1HTz {
      rotate:0 0 1 180deg;
    }

    .navigation\:Y9fWL7h94_4EBvdYi4o17 {
      display:none;
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
    }

    @media (min-width: 1024px) {

    .navigation\:Y9fWL7h94_4EBvdYi4o17 {
      display:flex;
    }
    }

    .ddFXhQ {
      display:flex;
      flex-direction:row;
    }

    .dYkUsg {
      z-index:2;
      background:var(--color--surface--surface);
    }

    .navigation\:xP-d-hg3lOOIIcDKA_Z_A {
      width:var(--size--icon--md);
    }

    .efbtUJ {
      z-index:1;
      transform:translateY(var(--translateY));
      background:var(--color--surface--surface);
      transition:transform 300ms ease;
      padding-top:var(--size--spacing--200);
      padding-left:var(--size--global--padding);
      padding-right:var(--size--global--padding);
      padding-bottom:var(--size--spacing--200);
    }

    @media (min-width: 1024px) {

    .efbtUJ {
      display:none;
    }
    }

    .BWLQP {
      overflow-x:clip;
      overflow-y:clip;
    }

    .bzKbAb {
      display:flex;
      row-gap:var(--size--spacing--400);
      flex-wrap:var(--wrap-direction);
      column-gap:var(--size--spacing--400);
      flex-direction:row;
    }

    .brwwpg {
      flex:1;
      min-width:min(20rem, 100%);
    }

    .component_button\:root {
      height:var(--size--global--tap-target);
      row-gap:var(--size--spacing--200);
      background:var(--bg-color);
      column-gap:var(--size--spacing--200);
      align-items:center;
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .fGzfqA {
      align-items:center;
      justify-content:stretch;
    }

    .dutDYM {
      height:100%;
      align-items:flex-start;
      justify-content:center;
    }

    .bDQkif {
      background:var(--color--surface--surface);
      padding-top:var(--size--spacing--1200);
      padding-bottom:var(--size--spacing--1200);
    }

    .section_product-grid\:Jd9LnliQcvWBJZtjGHX7r {
      width:100%;
      height:auto;
      object-fit:cover;
      aspect-ratio:1/1;
    }

    .section_product-grid\:V2aSELV_aDzV0c2XCsZ7J {
      border-top-right-radius:unset;
      border-bottom-right-radius:unset;
    }

    .JZoiJ {
      width:100%;
      cursor:pointer;
    }

    .boUgBS {
      top:var(--size--spacing--400);
      right:0px;
      z-index:3;
      position:absolute;
      pointer-events:none;
    }

    .product-card\:5vJLWdOClF8z7oBD1kS3H {
      flex:0;
      height:100%;
      min-height:var(--size--global--tap-target);
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
    }

    .crvIND {
      width:100%;
      background:var(--color--container--container);
      overflow-x:clip;
      overflow-y:clip;
      align-items:stretch;
      justify-content:space-between;
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .crvIND.sale {
      outline-color:var(--color--primary--primary);
      outline-style:solid;
      outline-width:var(--size--border--xs);
    }

    .dmcRVW {
      max-width:100%;
      background:var(--color--container--highest);
      overflow-x:clip;
      overflow-y:clip;
      flex-direction:row;
    }

    .dmcRVW.sale {
      color:var(--color--primary--on-primary);
      background:var(--color--primary--primary);
    }

    .product-card\:FwhJNi4TEYkKT6AeUqA7s {
      width:100%;
      height:100%;
      align-items:center;
      justify-content:center;
    }

    .product-card\:IgFIG7Y3Mx9ejsq5sMs1b {
      width:100%;
    }

    .fvyXAy {
      overflow:hidden;
      font-size:inherit;
      max-width:100%;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .cGgjqY {
      display:inline;
      font-size:inherit;
      max-width:100%;
      font-family:inherit;
      font-weight:var(--font-weight--bold);
      text-overflow:inherit;
      text-decoration-line:line-through;
    }

    .dPyoJg {
      flex:1;
      row-gap:var(--size--spacing--100);
      font-size:var(--size--type-size--body--md);
      min-width:0px;
      column-gap:var(--size--spacing--100);
      align-items:flex-start;
      padding-top:var(--size--spacing--300);
      padding-left:var(--size--spacing--300);
      padding-right:var(--size--spacing--300);
      padding-bottom:var(--size--spacing--300);
      justify-content:stretch;
    }

    .bPrAwR {
      top:var(--size--spacing--400);
      left:0px;
      z-index:3;
      position:absolute;
      pointer-events:none;
    }

    .cTDhrI {
      display:flex;
      row-gap:var(--size--spacing--200);
      column-gap:var(--size--spacing--200);
      flex-direction:row;
    }

    .product-card\:pdxN6X6iHRStgfUrh8TxV {
      border-top-left-radius:unset;
      border-bottom-left-radius:unset;
    }

    .product-card\:uWd7j7hX_4jW6aCU_i6og {
      width:100%;
      height:auto;
      object-fit:cover;
      aspect-ratio:1/1;
    }

    .dHJKfA {
      display:inline;
      font-size:inherit;
      max-width:100%;
      font-family:inherit;
      font-weight:var(--font-weight--bold);
    }

    .ccXVzQ {
      display:grid;
      row-gap:var(--size--spacing--300);
      column-gap:var(--size--spacing--300);
      grid-template-columns:var(--columns);
    }

    @media (max-width: 30rem) {

    .ccXVzQ {
      grid-template-columns:var(--columns);
    }
    }

    .GFPBq {
      row-gap:var(--size--spacing--400);
      background:var(--color--container--container);
      column-gap:var(--size--spacing--400);
      padding-top:var(--size--spacing--400);
      padding-left:var(--size--spacing--400);
      padding-right:var(--size--spacing--400);
      padding-bottom:var(--size--spacing--400);
      border-top-left-radius:var(--size--border--sm);
      border-top-right-radius:var(--size--border--sm);
      border-bottom-left-radius:var(--size--border--sm);
      border-bottom-right-radius:var(--size--border--sm);
    }

    .fdPeqB {
      aspect-ratio:1;
    }

    .component_avatar\:Eovj2xGDOZpb3JtpzmnnF {
      width:100%;
      aspect-ratio:1/1;
      border-top-left-radius:var(--size--border--full);
      border-top-right-radius:var(--size--border--full);
      border-bottom-left-radius:var(--size--border--full);
      border-bottom-right-radius:var(--size--border--full);
    }

    .cSDEUo {
      display:flex;
      flex-direction:column;
    }

    .component_avatar\:R9Se5mgqz_vBoH7GbYFmw {
      width:100%;
      background:var(--bg-color);
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
      background-color:var(--bg-color);
      border-top-left-radius:var(--size--border--full);
      border-top-right-radius:var(--size--border--full);
      border-bottom-left-radius:var(--size--border--full);
      border-bottom-right-radius:var(--size--border--full);
    }

    .dHhlbm {
      display:inline;
      font-size:var(--font-size--base);
      font-family:inherit;
      font-weight:var(--font-weight--bold);
    }

    .element_testimonial-card\:19mEhzoayE1eeLacKYK8p {
      width:var(--size--icon--lg);
      height:var(--size--icon--lg);
      aspect-ratio:1/1;
    }

    .fddxTL {
      width:100%;
      height:auto;
      aspect-ratio:1/1;
    }

    .element_testimonial-card\:3A8ihea9926hmt2TqzL82 {
      width:20px;
    }

    .element_testimonial-card\:9o4ogdDsRqHhVHQs3P4e4 {
      color:var(--color--surface--on-surface);
      line-height:150%;
    }

    .element_testimonial-card\:A9PsVL13jtJB0emfY-QsN {
      width:var(--size--icon--lg);
      height:var(--size--icon--lg);
    }

    .fiZFGU {
      color:var(--color--yellow--500);
      flex-direction:row;
    }

    .element_testimonial-card\:Fpyf-Ndag53o3OTSUq1ir {
      color:var(--color--surface--on-surface-low);
    }

    .element_testimonial-card\:N7f4k6UYXoYoRzcBTl4j3 {
      width:20px;
    }

    .element_testimonial-card\:NVIPhZbIc61qOBH3a0ViX {
      font-size:var(--font-size--sm);
      font-weight:var(--font-weight--light);
      line-height:100%;
    }

    .bTzusk {
      flex:1;
      row-gap:var(--size--spacing--100);
      column-gap:var(--size--spacing--100);
    }

    .element_testimonial-card\:aChD4YB4AB7SDVQowgy6E {
      color:var(--color--surface--on-surface);
      font-weight:var(--font-weight--semi-bold);
    }

    .element_testimonial-card\:fWoi9uxhqibnjNWdFftA_ {
      width:20px;
    }

    .eFfNba {
      row-gap:var(--size--spacing--400);
      column-gap:var(--size--spacing--400);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .epOdVR {
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .element_testimonial-card\:q6V7csIfQDe3hxFkJZzCb {
      width:20px;
    }

    .element_testimonial-card\:u7wpJ6S7zHRMQXWq24msd {
      width:20px;
    }

    .lKTRI {
      width:fit-content;
      height:fit-content;
      user-select:none;
    }

    .section_testimonials\:YPf53-zyVyGYO8Jeqil8K {
      width:max(calc(50% - 1rem), 20rem);
    }

    .eALKdt {
      height:inherit;
    }

    .dYATwS {
      height:var(--height);
      row-gap:var(--gap);
      column-gap:var(--gap);
      flex-direction:row;
    }

    .dYATwS.y-axis {
      height:inherit;
      flex-direction:column;
    }

    .section_testimonials\:qX2HCTRonbgmyUWXaq6gn {
      overflow-x:clip;
    }